<template>
  <div class="app-container">
    <treatment-inside v-show="order == 'order:list:all' || order == 'order:list:inner'"></treatment-inside>
    <treatment-outer v-show="order == 'order:list:out'"></treatment-outer>
  </div>
</template>
<script>
import { mapGetters } from 'vuex';
import treatmentInside from './treatmentInside';
import treatmentOuter from './treatmentOuter';
export default {
  components: {
    treatmentInside,
    treatmentOuter
  },
  data() {
    return {
      order: 'order:list:all'
    };
  },
  computed: {
    ...mapGetters(['searchInfo'])
  },
  watch: {
    searchInfo(newVal, oldVal) {
      this.order = newVal.code;
    }
  },
  methods: {

  }
};
</script>
<style lang="less" scoped>

</style>
